﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Library.aspx.cs" Inherits="Kiosk.WebManagement.js.tiny_mce.plugins.kioskImgLib.Library" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Image Library</title>
    <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
    <script type="text/javascript" src="js/image.js"></script>
    <style type="text/css">
        *
        {
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <span style="font-size: 12pt;">Please select an image from the library to insert into the document.</span>
    <div style="border:solid 2px black; background-color:White;">
        <asp:DataList ID="grdFiles" runat="server" Style="width: 100%">
            <ItemTemplate>
                <table style="width: 100%; cursor: hand; cursor: pointer;" onclick='ImgLibraryDialog.insert("<%# DataBinder.Eval(Container.DataItem,"FileName") %>")' onmouseover='this.style.backgroundColor = "#9999FF";' onmouseout='this.style.backgroundColor = "";'>
                    <tr>
                       <td>
                        <asp:Image style="border:double 3px black;" ID="Image1" Width="125px" runat="server" ImageUrl='<%# "~/upload/" + DataBinder.Eval(Container.DataItem,"FileName") %>'>
                        </asp:Image>
                        </td>
                        <td style="font-size: 20pt; vertical-align: middle;">
                            <%# DataBinder.Eval(Container.DataItem,"FileName") %></td>
                        
                    </tr>
                </table>
            </ItemTemplate>
            <ItemStyle BackColor="Transparent" />
            <AlternatingItemStyle BackColor="LightGray" />
        </asp:DataList>
        </div>
    </div>
    </form>
</body>
</html>
